<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
	<title>Insert title here</title>

	<meta name="author" content="Franz Josef Kaiser - http://say-hello-code.com" />
	<meta name="license" content="Inherited from the Blueprint CSS framework (Modified MIT)" />
	<meta name="version" content="0.1-beta" />

	<!-- Compressed -->
		<link rel="stylesheet" id="uncomp-core-screen" href="../blueprint/screen.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="uncomp-core-print" href="../blueprint/print.css" type="text/css" media="print" />
		<!--[if lte IE 8]>
			<link rel="stylesheet" id="uncomp-core-ie" href="../blueprint/ie.css" type="text/css" media="screen" />
		<![endif]-->

	<!-- Uncompressed
		you can un-comment these separate stylesheets in place of the compressed ones, just make sure to 
		comment-out the compressed ones 
		<link rel="stylesheet" id="comp-src-reset" href="../blueprint/src/reset.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="comp-src-grid" href="../blueprint/src/grid.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="comp-src-forms" href="../blueprint/src/forms.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="comp-src-typo" href="../blueprint/src/typography.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="comp-src-print" href="../blueprint/src/print.css" type="text/css" media="print" />
	-->

	<!-- Plugins
		these are core plugins included with the official Blueprint package 
		<link rel="stylesheet" id="plugin-fancy-type" href="../blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="plugin-rtl" href="../blueprint/plugins/rtl/screen.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="plugin-buttons" href="../blueprint/plugins/buttons/screen.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="plugin-link-icons" href="../blueprint/plugins/link-icons/screen.css" type="text/css" media="screen" />
	-->

	<!-- Non-Core Plugins
		activate only when downloaded from the following links
		link: https://github.com/joshuaclayton/blueprint-css/wiki/Plugins
		<link rel="stylesheet" id="nc-plugin-liquid" href="../blueprint/plugins/liquid/liquid.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="nc-plugin-tabs" href="../blueprint/plugins/tabs/screen.css" type="text/css" media="screen" />
		<link rel="stylesheet" id="nc-plugin-silksprite" href="../blueprint/plugins/silksprite/sprite.css" type="text/css" media="screen" />
	-->

	<!-- 
		___ ADD YOUR TEST HERE ___
		link from here to your custom stylesheet
		link: https://example.com/
		<link rel="stylesheet" id="test-___" href="___.css" type="text/css" media="screen" />
	-->
	
	<!-- DEBUGGER
		Added last to load with higher specifity
		This stylesheet will highlight non-standard markup and unnecessary classes
		<link rel="stylesheet" id="plugin-debugger" href="debug.css" type="text/css" media="screen" />
	-->

</head>

<body>

	<!-- #header -->
	<div class="container">
		<div id="title" class="span-24 append-bottom">
			<h1 class="prepend-top">DEBUG ENVIRONMENT</h1>
			<h2 class="alt">Use this page for developing or testing Blueprint &amp; posting problems on the Blueprint mailing list.</h2>
		</div>

		<!-- #add description here -->
		<div id="description" class="span-24 append-bottom">
			<hr />
			<h3 class="alt">Testcase below: ___YOUR CASE___</h3>
			<hr />
			<div class="span-11 colborder">
				<p>Enter the result you want to achieve here.</p>
			</div>
			<div class="span-12 last">
				<p class="push-1">Enter your problem &amp; what you already tried here.</p>
			</div>
		</div>
		<!-- /description -->
	</div>
	<!-- /header -->


	<!-- #DEVELOPMENT -->
	<div class="container showgrid">

		<!-- START #testcase -->
		<div id="testcase" class="span-24">
			<p>
				You should rename this file to a specific testcase, like debug-test1.html
				<br />
				You can then add your mark-up to this container.
				<br />
				Then post this testcase to 
				<a href="http://github.com">Github Gist</a> or make a 
				<a href="http://pastebin.com/">Pastebin</a> and share it on 
				<a href="http://groups.google.com/group/blueprintcss">the list</a>.
				<br />
				Remember to change the doctype if you are not using HTML 4.01 Strict!
			<p>
		</div>
		<!-- END #testcase -->

	</div>
	<!-- /DEVELOPMENT -->


	<!-- #footer -->
	<div id="footer" class="container prepend-top">
		<hr />
		<p class="alt right">
			Brought to you by the Blueprint core team &copy; 2011.
			<a href="https://gist.github.com/795687">(Download here)</a>
		</p>
	</div>
	<!-- /footer -->

</body>

</html>
<!-- That's all folks. Happy testing! -->